<template>
  <div class="header">
    <p>城市选择</p>
    <router-link to="/">
      <span class="iconfont icon-back">&#xe647;</span>
    </router-link>
  </div>
</template>

<script>
export default {
  name: "CityHeader"
};
</script>

<style lang="stylus" scoped>
@import '~@/assets/style/variables'

.header
  width: 100%
  height: $headerHeight
  line-height: $headerHeight
  position: relative
  background: $bgColor
  color: #fff
  p
    font-size: 0.32rem
    text-align: center
  .icon-back
    position: absolute
    left: 0
    top: 0
    font-size: 0.4rem
    display: block
    width: 0.8rem
    height: $headerHeight
    text-align: center
    color: #fff
</style>
